شروع توسعه و طراحي وب سايت مي تواند كمي دشوار و گيج كننده باشد. يادگيري آن بسيار وسيع بوده و گزينه هاي زيادي براي انتخاب مناسب ترين زبان برنامه نويسي، فريم ورك ها و ابزار هاي ديگر طراحي سايت وجود دارند. اما از كجا بايد آغاز كنيم؟ هيچ پاسخ صحيحي در اين زمينه وجود ندارد اما شما مي توانيد از مسير پيشرفت بسياري از توسعه دهندگان حرفه اي استفاده كنيد. شروع كار با رعايت اصول اوليه بهتر است و به مرور به مطالعه زبان هاي برنامه نويسي دقيق تر تبديل مي شود. در ادامه به بررسي اين زبان هاي برنامه نويسي در طراحي وب سايت خواهيم پرداخت و ابزار هاي خوبي را به شما معرفي خواهيم نمود.

HTML و CSS

اگر شما تازه طراحي سايت را شروع كرده ايد، HTML و CSS گزينه هاي مناسبي براي شما هستند. اين دو در واقع زبان برنامه نويسي نيستند زيرا بر مبناي منطق كار نمي كنند. HTML يك زبان نشانه گذاري است و CSS يك زبان براي استايل پروژه است. HTML ساختار يك صفحه وب سايت را مشخص مي كند و CSS تعريف مي كند چگونه يك صفحه بر روي صفحه نمايش به نظر برسد. اين دو زبان به عنوان زبان هاي فرانت اند در نظر گرفته مي شوند زيرا در مرورگر كار مي كنند. برخي از برنامه نويسان با زبان هاي كامل مانند پايتون يا جاوا اسكريپت شروع به كار مي كنند. اما اگر مي خواهيد طراحي وب سايت انجام دهيد و مطمئن نيستيد براي شروع بايد چه كاري را انجام دهيد، HTML / CSS بايد در اولويت فهرست شما باشد.

اين دو زبان بسيار متفاوت هستند، اما آنها به خوبي يكديگر را تكميل مي كنند. يك صفحه با فقط HTML كار خواهد كرد، اما اينطور زيبا به نظر نخواهد رسيد. به طور مشابه در صورتي كه بخواهيم فقط از CSS استفاده كنيم باز هم موفق نخواهيم بود، زيرا HTML بايد توسط مرورگر رندر شود تا CSS هم بارگذاري شود.

شما با يادگيري HTML و CSS مي توايد يك وب سايت را ايجاد كنيد. درست است كه وب سايت هايي كه فقط با HTML و CSS ايجاد مي شوند پويا نيستند ولي به خوبي كار مي كنند. هر چند وقت يكبار نسخه هاي جديدي از آن ها ارائه مي شود كه فقط ويژگي هاي جديدي را ايجاد كرده كه با استفاده از آن ها كار وب سايت هاي در حال توسعه بسيار ساده تر مي شود. توصيه من اين است كه سعي كنيد پروژه هاي خود را خودتان انجام دهيد و اگر به مشكل برخورد كرديد آن را در گوگل و وب سايت Overflow جستجو نماييد. 

وقتي صحبت از يادگيري HTML و CSS مي شود، اين سوال پيش مي آيد كه آن ها را از چه منبعي ياد بگيريم؟ خوشبختانه منابع رايگان فراواني براي يادگيري اين زبان ها وجود دارند كه از معروفترين اين وب سايت ها مي توان به سايت W3Schools اشاره داشت. بعضي افراد W3Schools را دوست ندارند، اما اين يك سايت عالي براي مبتديان است.

من همچنين مي خواهم ارزش پيش پردازنده هايي مانند Sass و Less را ذكر كنم. اين ها زبان هايي هستند كه منطق پيشرفته تري را براي متغيرها، حلقه ها و توابع فرآهم مي كنند. قبل از اينكه بتوانيد به سراغ Sass برويد بايد ابتدا CSS را درك كنيد. اما اگر مي خواهيد به طور جدي كار خود را در طراحي وب سايت ها انجام دهيد، در نهايت بايد به سمت آن برويد. 

همچنين پيش پردازنده هايي براي HTML نيز وجود دارند اما آنها به طور گسترده اي استفاده نمي شوند. از جمله معروف ترين آن ها HAML و JADE مي باشند. 

جاوا اسكريپت/ES6

زبان فرانت اند ديگري كه بسياري از طراحان وب سايت ها از آن استفاده مي كنند جاوا اسكريپت است. اين زبان نيز به توسعه دهندگان اجازه مي دهد تا بتوانند افكت هاي پويايي را روي صفحات وب ايجاد كنند. با استفاده از جاوا اسكريپت، مي توانيد منوهاي كشويي، اسلايد هاي كشويي، پنجره هاي مدال و بسياري ديگر از رابط هاي وب را ايجاد نمايد. پيشرفت ها در CSS3 اجازه مي دهد كه برخي تغييرات را بدون استفاده از جاوا اسكريپت انجام دهيم اما اين به آن معنا نيست كه جاوا اسكريپت يك زبان بي ارزش تلقي شود. در حال حاظر وب مستر هاي زيادي از جاوا اسكريپت براي ايجاد تصاوير پويا در وب سايت خود استفاده مي كنند.

آخرين نسخه جاوا اسكريپت ES2015 ناميده مي شود. اگر اصول اوليه جاواسكريپت را ياد بگيريد، ES2015 را درك خواهيد كرد. ES2015 در نسخه فعلي JS و تمامي نسخه هاي آينده پشتيباني مي شود. بعضي ممكن است استدلال كنند كه جاوا اسكريپت به عنوان يك زبان برنامه نويسي عمل نمي كند. اما از آنجا كه شما مي توانيد Node.js را بر روي سرور اجرا كنيد، اكنون مي توانيد جاوا اسكريپت را به عنوان زبان فرانت اند و بك اند استفاده كنيد.

براي شروع يادگيري با مباني جاوا اسكريپت مانند تنظيم متغيرها، ايجاد حلقه ها، توابع و اپراتورهاي منطقي شروع كنيد. البته اين دانش را مي توان با هر زبان برنامه نويسي ديگري هم ياد گرفت. سعي كنيد از روش پروژه محور كه بهترين روش براي يادگيري جاوا اسكريپت است، استفاده كنيد. در هنگام مطالعه جاوا اسكريپت و ساير كتابخانه ها مانند jQuery / TypeScript شما اغلب سوالاتي داريد كه گوگل نمي تواند پاسخ دهد. توصيه مي كنم سوالات خود را به انجمن هاي اينترنتي ارسال كنيد.

پي اچ پي، Ruby يا پايتون

آخرين بخش طراحي وب سايت كه به بك اند پروژه شما كمك خواهد كرد. در اين قسمت زبان هاي مختلفي وجود دارند كه مي توانيد از آن ها بهره مند شويد. البته بعضي از اين زبان هاي برنامه نويسي از محبوبيت بيشتري نسبت به ديگران برخوردار هستند. چندين سال پيش، Perl / CGI زبان مورد نظر براي توسعه بك اند وب سايت بودند. امروزه تقريبا اين زبان ها وجود ندارند.

امروزه توسعه دهندگان جديد، بحث هاي بسياري در مورد پي اچ پي دارند. پي اچ پي يكي از زبان هاي طراحي وب سايت قديمي است و به طور خاص براي توسعه وب ساخته شده است. به طرز عجيبي خالق پي اچ پي هرگز نمي خواست كه آن يك زبان برنامه نويسي باشد. اما در طول سال ها اين زبان به سرعت رشد كرد. در حال حاضر پروژه هايي مانند وردپرس، جوملا و مگنتو همه بر روي پي اچ پي به خوبي كار مي كنند. اين به اين معني است كه اكثريت قريب به اتفاق از توسعه دهندگان وب حداقل يكبار از پي اچ پي استفاده كرده اند.

دو زبان بسيار محبوب ديگر Ruby و پايتون هستند. اين زبان ها نيز براي يادگيري جالب هستند زيرا آنها زبان هاي برنامه نويسي هستند كه مي توانيد از آن ها براي طراحي وب سايت ها نيز استفاده كنيد. تمام اين زبان ها اوپن سورس و رايگان هستند و شما مي توانيد از آن ها در پروژه هاي خود استفاده كنيد. از جمله فريم ورك هاي معروف براي طراحي سايت مي توان به لاراول، سيمفوني، CodeIgniter و زند اشاره نمود. 

 زبان پرس و جو ساخت يافته (SQL)

اگر به دنبال توسعه بك اند وب سايت خود هستيد لازم است تا SQL را فرا بگيريد. با استفاده از اين زبان شما مي توانيد از موتورهاي پايگاه داده مانند MySQL و PostgreSQL بهره بگيريد. خبر خوب اين است كه اكثر موتورهاي ديتابيس با تمام كد هاي SQL سازگار هستند. بنابراين هنگامي كه SQL ياد ميگيريد، مي توانيد در هر پايگاه داده اي كه با آن مواجه هستيد كار كنيد. محبوب ترين موتور پايگاه داده براي مبتديان MySQL است. اما بايد اشاره كنم كه بسياري از پايگاه هاي داده ها رابط هايي مانند PHPMyAdmin دارند. اين ابزار به شما اجازه مي دهد تا بدون نوشتن كوئري به درخواست هاي خود دسترسي داشته باشيد. 

در نتيجه بايد گفت كه پاسخ صحيح يا غلطي وجود ندارد زيرا همه چيز بستگي به نياز هاي شما مشخص خواهد شد. توسعه دهندگان ظاهر وب سايت مي توانند HTML و CSS و برخي قسمت هاي جاوا اسكريپت را ياد بگيرند. توسعه دهندگان بك اند نيز مي توانند با HTML و CSS آشنايي داشته باشند اما بايد تمركز خود را روي يادگيري يك زبان برنامه نويسي بك اند و موتور پايگاه داده قرار دهند.